<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./static/font/iconfont.css">
    <link rel="stylesheet" href="./static/font1/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/radio.css">
    <title>QQ音乐</title>
</head>

<body>
    <!-- 头部 -->
    <header class="header w100">
        <div class="header-box w1600">
            <div class="header-nav">
                <div class="logo">
                    <a href="" class="logo-a">
                        <img src="images/logo.png" alt="" class="logo-pic">
                    </a>
                </div>
                <nav class="mainnav">
                    <ul class="mainnav-ul">
                        <li class="mainnav-li active">
                            <a href="" class="mainnav-a">音乐馆</a>
                        </li>
                        <li class="mainnav-li">
                            <a href="" class="mainnav-a">我的音乐</a>
                        </li>
                        <li class="mainnav-li mainnav-pop">
                            <a href="" class="mainnav-a">客户端
                                <img src="images/mark_1.png" alt="" class="mainnav-img">

                            </a>
                            <div class="pop-box">
                                <div class="pop-up">
                                    <ul class="pop-up-list">
                                        <li class="pop-up-items">
                                            <i class="pop-bg pop-up1"></i>
                                            <span class="pop-text">HQ高品质 全员开启</span>
                                        </li>
                                        <li class="pop-up-items">
                                            <i class="pop-bg pop-up2"></i>
                                            <span class="pop-text">独家音效 全面升级</span>
                                        </li>
                                        <li class="pop-up-items">
                                            <i class="pop-bg pop-up3"></i>
                                            <span class="pop-text">轻盈视觉 动态皮肤</span>
                                        </li>
                                        <li class="pop-up-items">
                                            <a href="" class="pop-update">下载体验</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="mainnav-li">
                            <a href="" class="mainnav-a">开放平台</a>
                        </li>
                        <li class="mainnav-li">
                            <a href="" class="mainnav-a">VIP</a>
                        </li>
                    </ul>
                </nav>
                <!-- 搜索框 -->
                <div class="search">
                    <form action="">
                        <button class="btn-search"></button>
                        <input type="text" class="inp-search" name="keywords" id="keywords" autocomplete="off"
                            placeholder="搜索音乐、MV、歌单、用户">
                        <div class="search-box">
                            <div class="search-menu">
                                <ul class="search-list">
                                    <li class="search-items">
                                        <a href="" class="search-links">
                                            <span class="num">1</span>
                                            <p class="search-info">我们的歌</p>
                                            <span class="count">76.5</span>
                                        </a>
                                    </li>
                                    <li class="search-items">
                                        <a href="" class="search-links">
                                            <span class="num">2</span>
                                            <p class="search-info">红尘客栈</p>
                                            <span class="count">176.5</span>
                                        </a>
                                    </li>
                                    <li class="search-items">
                                        <a href="" class="search-links">
                                            <span class="num">3</span>
                                            <p class="search-info">水星记</p>
                                            <span class="count">100.9</span>
                                        </a>
                                    </li>
                                    <li class="search-items">
                                        <a href="" class="search-links">
                                            <span class="num">4</span>
                                            <p class="search-info">林俊杰</p>
                                            <span class="count">44.5</span>
                                        </a>
                                    </li>
                                    <li class="search-items">
                                        <a href="" class="search-links">
                                            <span class="num">5</span>
                                            <p class="search-info">错位时空</p>
                                            <span class="count">106.5</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 用户功能 -->
                <div class="user-functions">
                    <a href="" class="login">登录</a>
                    <div class="user-menu menu-vip menu-list">
                        <span class="menu-content">开通VIP</span>
                        <div class="drop-menu">
                            <a href="" class="drop-menu-links">开通绿钻豪华版</a>
                            <a href="" class="drop-menu-links">开通付费包</a>
                        </div>
                    </div>
                    <div class="user-menu menu-money menu-list">
                        <span class="menu-content">充值</span>
                        <div class="drop-menu">
                            <a href="" class="drop-menu-links">购买乐币</a>
                            <a href="" class="drop-menu-links">充值饭票</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 子导航 -->
            <div class="subnav">
                <ul class="subnav-list">
                    <li class="subnav-items">
                        <a href="QQ.html" class="subnav-links">首页</a>
                    </li>
                    <li class="subnav-items">
                        <a href="singer.html" class="subnav-links">歌手</a>
                    </li>
                    <li class="subnav-items">
                        <a href="Newdisc.html" class="subnav-links">新碟</a>
                    </li>
                    <li class="subnav-items ">
                        <a href="top.html" class="subnav-links">排行榜</a>
                    </li>
                    <li class="subnav-items">
                        <a href="classify.html" class="subnav-links">分类歌单</a>
                    </li>
                    <li class="subnav-items">
                        <a href="MV.html" class="subnav-links">MV</a>
                    </li>
                    <li class="subnav-items active">
                        <a href="radio.html" class="subnav-links">电台</a>
                    </li>
                    <li class="subnav-items">
                        <a href="Album.html" class="subnav-links">数字专辑</a>
                    </li>
                    <li class="subnav-items">
                        <a href="ticket.html" class="subnav-links">票务</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <main class="radio w100">
        <section class="radio-section w1600">
            <!-- 侧边导航 -->
            <aside class="radio-aside">
                <div class="radio-aside-box">
                    <ul class="radio-aside-ul">
                        <li class="radio-aside-li active">
                            <a href="#hot" class="radio-aside-a radio-aside-after">热门</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#mood" class="radio-aside-a">心情</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#theme" class="radio-aside-a">主题</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#scene" class="radio-aside-a">场景</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#genre" class="radio-aside-a">曲风</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#language" class="radio-aside-a">语言</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#crowd" class="radio-aside-a">人群</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#axe" class="radio-aside-a">乐器</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#listen" class="radio-aside-a">陪你听</a>
                        </li>
                        <li class="radio-aside-li">
                            <a href="#brand" class="radio-aside-a">厂牌</a>
                        </li>
                    </ul>
                </div>
            </aside>
            <!-- 内容 -->
            <!-- 热门 -->
            <div class="radio-content-box">
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="hot" class="radio-title radio-title-after mb20">热门</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">个性电台</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">随心听</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">抖音神曲</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">深度催眠</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">情感治愈站</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/6.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">KTV必点歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/7.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">经典</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/8.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">网络流行</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/9.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">宝宝胎教</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/10.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">DJ舞曲</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/11.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">热歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/12.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">助眠白噪音</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/13.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">精选招牌歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/14.png" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">粤语</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/15.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">忧伤</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/16.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">热门翻唱</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/17.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">跑步电台</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/18.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">健身</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/19.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">B榜热单</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/20.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">平静</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/21.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">影视原声</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/22.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">车载</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/23.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">起床</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/24.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">情歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/25.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">睡前</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 心情 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="mood" class="radio-title radio-title-after mb20">心情</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/m1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">忧伤</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/m2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">快乐</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/m3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">平静</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/m4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">兴奋</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/m5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">寂寞</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/m6.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">治愈</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 主题 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="theme" class="radio-title radio-title-after mb20">主题</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">热歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">新歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">情歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">影视原声</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">车载</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t6.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">经典</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t7.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">B榜热单</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t8.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">独立唱作人</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t9.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">抖音神曲</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t10.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">游戏</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t11.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">DJ舞曲</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t12.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">LIVE现场</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t13.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">热门翻唱</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t14.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">综艺</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t15.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">国漫原声</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t16.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">经典日漫</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t17.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">日漫新番</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t18.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">网络流行</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t19.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">KTV必点歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/t20.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">精选招牌歌</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 场景 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="scene" class="radio-title radio-title-after mb20">场景</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">睡前</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">助眠白噪音</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">起床</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">宝宝胎教</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">健身</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s6.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">安抚哄睡</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s7.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">门店</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s8.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">旅行</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s9.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">夜店</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s10.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">雨天</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s11.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">咖啡馆</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s12.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">学习</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/s13.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">工作</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 曲风 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="genre" class="radio-title radio-title-after mb20">曲风</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">欧美流行</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">电音</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">流行</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">古风</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">民谣</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g6.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">纯音乐</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g7.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">Hip-Hop</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g8.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">中国风</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g9.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">R&B</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g10.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">民歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g11.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">摇滚</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g12.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">乡村</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g13.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">华语嘻哈</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g14.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">舞曲</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g15.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">爵士</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g16.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">古典</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g17.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">民族音乐</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g18.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">金属</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g19.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">草原风情</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g20.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">热门网络说唱</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g21.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">高原天籁</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g22.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">西域风情</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g23.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">经典雷鬼</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/g24.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">MC喊麦</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 语言 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="language" class="radio-title radio-title-after mb20">语言</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/y1.png" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">英语</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/y2.png" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">国语</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/y3.png" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">粤语</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/y4.png" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">韩语</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/y5.png" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">日语</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 人群 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="crowd" class="radio-title radio-title-after mb20">人群</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/c1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">儿童</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/c2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">80后</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/c3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">90后</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/c4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">00后</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/c5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">70后</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 乐器 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="axe" class="radio-title radio-title-after mb20">乐器</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/a1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">钢琴</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/a2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">吉他</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/a3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">小提琴</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/a4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">古筝</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/a5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">笛子</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/a6.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">萨克斯</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 陪你听 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="listen" class="radio-title radio-title-after mb20">陪你听</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">民谣</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">音乐故事</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">古风</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">电音</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l5.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">钢琴</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l6.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">深度睡眠</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l7.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">情歌</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l8.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">纯音乐</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l9.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">安抚哄睡</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/l10.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">宝宝胎教</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 厂牌 -->
                <div class="start-wrapper mb80  radio-wrapper">
                    <h4 id="brand" class="radio-title radio-title-after mb20">厂牌</h4>
                    <ul class="radio-sublist">
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/b1.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">华纳音乐</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/b2.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">滚石唱片</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/b3.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">华研音乐</a></p>
                            </div>
                        </li>
                        <li class="start-sublist-items">
                            <div class="start-pic">
                                <a href="" class="start-link">
                                    <img src="images/radio/b4.webp" alt="" class="start-link-img">
                                    <i class="icon-bg"></i>
                                </a>
                            </div>
                            <div class="start-content">
                                <p class="start-con-info"><a href="" class="start-con-author radio-a">SMTOWN</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
    </main>
    <!-- footer -->
    <footer class="footer w100">
        <div class="footer-wrapper w1600">
            <div class="footer-box">
                <!-- 下载客户端 -->
                <div class="footer-update">
                    <h5 class="footer-title">下载QQ音乐客户端</h5>
                    <ul class="update-list">
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg1"></i>
                                PC版
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg2"></i>
                                Mac版
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg3"></i>
                                Android版
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg4"></i>
                                iPhone版
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 特色产品 -->
                <div class="footer-product">
                    <h5 class="footer-title">特色产品</h5>
                    <ul class="update-list ">
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg5"></i>
                                全民K歌
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg6"></i>
                                银河音效
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg7"></i>
                                QPlay
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                <i class="update-bg bg8"></i>
                                Fan直播伴侣
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                车载互联
                            </a>
                        </li>
                        <li class="update-items">
                            <a href="" class="update-links">
                                QQ演出
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 合作链接 -->
                <div class="footer-coolink">
                    <h5 class="footer-title">合作链接</h5>
                    <div class="footer-coolink-box">
                        <a href="" class="footer-box-links">CJ ENM</a>
                        <a href="" class="footer-box-links">腾讯视频</a>
                        <a href="" class="footer-box-links">手机QQ空间</a>
                        <a href="" class="footer-box-links">最新版QQ</a>
                        <a href="" class="footer-box-links">腾讯社交广告</a>
                        <a href="" class="footer-box-links">电脑管家</a>
                        <a href="" class="footer-box-links">QQ浏览器</a>
                        <a href="" class="footer-box-links">腾讯微云</a>
                        <a href="" class="footer-box-links">腾讯云</a>
                        <a href="" class="footer-box-links">企鹅FM</a>
                        <a href="" class="footer-box-links">智能电视网</a>
                        <a href="" class="footer-box-links">当贝市场</a>
                        <a href="" class="footer-box-links">酷我音乐</a>
                        <a href="" class="footer-box-links">酷狗听书</a>
                    </div>
                </div>
                <!-- 开放平台 -->
                <div class="footer-coolink">
                    <h5 class="footer-title">开放平台</h5>
                    <div class="footer-coolink-box">
                        <a href="" class="footer-box-links">QQ音乐开放平台</a>
                        <a href="" class="footer-box-links">腾讯音乐人</a>
                        <a href="" class="footer-box-links">音乐推</a>
                    </div>
                </div>
                <!-- TME集团官网 -->
                <div class="footer-coolink">
                    <h5 class="footer-title">TME集团官网</h5>
                    <div class="footer-coolink-box">
                        <a href="" class="footer-box-links">腾讯音乐</a>
                    </div>
                </div>
            </div>
            <div class="footer-coopyright">
                <div class="coopyright-item">
                    <a href="" class="footer-box-links">关于腾讯 |</a>
                    <a href="" class="footer-box-links">About Tencent |</a>
                    <a href="" class="footer-box-links">服务条款 |</a>
                    <a href="" class="footer-box-links">用户服务协议 |</a>
                    <a href="" class="footer-box-links">隐私政策 |</a>
                    <a href="" class="footer-box-links">权利声明 |</a>
                    <a href="" class="footer-box-links">广告服务 |</a>
                    <a href="" class="footer-box-links">腾讯招聘 |</a>
                    <a href="" class="footer-box-links">客服中心 |</a>
                    <a href="" class="footer-box-links">网站导航</a>
                </div>
                <div class="coopyright-item">
                    Copyright © 1998 - 2022 Tencent.
                    <a href="" class="footer-box-links">All Rights Reserved.</a>
                </div>
                <div class="coopyright-item">
                    腾讯公司
                    <a href="" class="footer-box-links"> 版权所有 |</a>
                    <a href="" class="footer-box-links">营业执照 |</a>
                    网络文化经营许可证：
                    <a href="" class="footer-box-links">粤网文[2020]3396-195号 |</a>
                    客服电话:
                    <a href="" class="footer-box-links">4006016666</a>
                </div>
            </div>
        </div>
    </footer>
    <!-- 侧边栏 -->
    <aside class="side">
        <a href="" class="side-links">
            <i class="side-bg"></i>
        </a>
        <a href="" class="side-links">反馈</a>
        <a href="" class="side-links">
            <i class="side-bg music"></i>
        </a>
    </aside>
</body>

</html>